import { AppstoreOutlined, OrderedListOutlined } from '@ant-design/icons';
import { Col, Layout } from 'antd';

const { Sider } = Layout;

const PadMenu = ({ selectedKey }) => {
  return (
    <div className="flex-col">
      <Col>
        <div
          className="flex-center left-menu-item"
          style={{ color: selectedKey === 'desk' ? 'blue' : null }}
        >
          <AppstoreOutlined />
          <div>桌台</div>
        </div>
      </Col>

      <Col>
        <div className="flex-center left-menu-item">
          <OrderedListOutlined />
          <div>订单</div>
        </div>
      </Col>
    </div>
    //   <Menu
    //     mode="inline"
    //     selectedKeys={[selectedKey]}
    //     style={{ height: '100%', borderRight: 0 }}
    //     onSelect={onSelect}
    //   >
    //     <Menu.Item key="desk" icon={<AppstoreOutlined />}>
    //       桌台
    //     </Menu.Item>
    //     <Menu.Item key="order" icon={<OrderedListOutlined />}>
    //       订单
    //     </Menu.Item>
    //     <Menu.Item key="member" icon={<UserOutlined />}>
    //       会员
    //     </Menu.Item>
    //   </Menu>
    // </Sider>
  );
};

export default PadMenu;
